<template>
   <div class="header">
       城市选择
       <router-link to="/">
        <div class="iconfont header-back">&#xe624;</div>
       </router-link>
   </div> 
</template>
<script>
export default {
   name:'CityHeader' 
}
</script>
<style lang="stylus">
@import '~styles/varibles.styl'
.header
    position:relative   //为了显示iconfont
    overflow :hidden
    height :$headerHeight
    line-height :$headerHeight
    text-align :center
    color:#fff
    background:$bgColor
    font-size:.3rem
    .header-back
        position:absolute //为了显示iconfont
        top:0             //为了显示iconfont
        left:0            //为了显示iconfont
        width:.64rem
        text-align:center
        font-size: .4rem
        color:#fff
</style>